<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./JS/axios.min.js"></script>
    <script src="./JS/jQuery.min.js"></script>
</head>

<body>
    <p></p>
    <script>
        // // axios
        // axios({
        //     url: 'http://hmajax.itheima.net/api/city',
        //     // 查询参数
        //     params: {
        //         pname: '河北省'
        //     }
        // }).then(result => {
        //     console.log(result);
        // })

        $(function () {
            $.ajax({
                type:'get',
                url: 'http://hmajax.itheima.net/api/city',
                data: {
                    pname: '河北省'
                },
                success:function (res) {
                    console.log(res.list);
                    // 追加字符串
                    $('p').append(res.list.join('<br>'))
                    // $('p')[0].innerHTML = res.list.join('<br>')
                    // $('P').html(res.list.join('<br>'))
                }
            })
        })

    </script>
</body>

</html>